<!doctype html>
<html lang="en" dir="ltr">
<!--
Copyright 2022 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

  <head>
    <meta charset="utf-8">
    <title>Optimization Guide Internals</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="optimization_guide_internals.css">
    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<if expr="is_ios">
    <!-- TODO(crbug.com/487000): Remove this once injected by web. -->
    <script src="chrome://resources/js/ios/web_ui.js"></script>
    <script src="chrome://resources/js/ios/mojo_api.js"></script>
</if>
  </head>

  <body>

    <h1>Optimization Guide Internals - Debug Logs</h1>
    <div>
      Enable the <a href="chrome://flags/#optimization-guide-debug-logs">optimization guide debug flags</a> to record debug messages from the browser startup.
    </div>

    <cr-tab-box hidden>
      <div slot="tab">Event Logs</div>
      <div slot="tab">Models</div>

      <div slot="panel" id="tabpanel-event-logs">
        <div>
          <div>
            <h2>Event Logs <button id="log-messages-dump">Dump</button></h2>
            <table id="log-message-container">
              <thead>
                <tr>
                  <th class="event-logs-time">Time</th>
                  <th class="event-logs-log-source">Log source</th>
                  <th class="event-logs-source-location">Source Location</th>
                  <th class="event-logs-message">Log Message</th>
                </tr>
              </thead>
              <tbody></tbody>
            </table>
          </div>
        </div>
      </div>

      <div slot="panel" id="tabpanel-models">
        <div>
          <div>
            <h2>Models</h2>
            Downloaded models:
            <table id="downloaded-models-container">
              <thead>
                <tr>
                  <th class="downloaded-models-optimization-target">Optimization target</th>
                  <th class="downloaded-models-version">Version</th>
                  <th class="downloaded-models-file-path">File path</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </cr-tab-box>

  </body>
  <script type="module" src="optimization_guide_internals.js"></script>

</html>